<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="js/vue-2.6.12.js"></script>
</head>
<body>

<div id="app">
	
	<h3>字符串转大写:{{str | toUpperCase }}</h3>
	<h3>日期格式化:{{now | dateFormat}}</h3>
	
</div>

<script>
<!--	filter 是过滤器 通过函数实现 对传入的 数据 进行处理 -->
	let app = new Vue({
	  
	  el:"#app",
	  data:{
	    
	    str:"hello vue!",
	    now:new Date(),
	    
	  },
	  filters:{
	    
	    toUpperCase(str) {
	      return str.toUpperCase();
        },

        dateFormat: function (value) {
          let year = value.getFullYear();
          let month = value.getMonth()+1;
          let date = value.getDate();
          return `${year}-${month}-${date}`;
        }


      }
	  
	  
	})
	
</script>

</body>
</html>